@keyframes float1 {
        0% { transform: translateY(0) translateX(0); }
        100% { transform: translateY(-100vh) translateX(20vw); }
      }
      @keyframes float2 {
        0% { transform: translateY(0) translateX(0); }
        100% { transform: translateY(-80vh) translateX(-10vw); }
      }
      @keyframes float3 {
        0% { transform: translateY(0) translateX(0); }
        100% { transform: translateY(-120vh) translateX(5vw); }
      }
      @keyframes float4 {
        0% { transform: translateY(0) translateX(0); }
        100% { transform: translateY(-90vh) translateX(-15vw); }
      }
      @keyframes float5 {
        0% { transform: translateY(0) translateX(0); }
        100% { transform: translateY(-110vh) translateX(10vw); }
      }
      
      .animate-float1 { animation: float1 8s linear infinite; top: 100vh; left: 30%; }
      .animate-float2 { animation: float2 10s linear infinite; top: 100vh; left: 60%; }
      .animate-float3 { animation: float3 7s linear infinite; top: 100vh; left: 10%; }
      .animate-float4 { animation: float4 9s linear infinite; top: 100vh; left: 80%; }
      .animate-float5 { animation: float5 6s linear infinite; top: 100vh; left: 40%; }
      
      /* Animação do modal */
      @keyframes modalEntry {
        0% {
          opacity: 0;
          transform: translate(-50%, -50%) scale(0.95);
        }
        100% {
          opacity: 1;
          transform: translate(-50%, -50%) scale(1);
        }
      }
      
      .modal-animate {
        animation: modalEntry 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
      }
      
      /* Gradiente dark minimalista */
      .dark-gradient {
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
      }
      
      /* Estilo minimalista para botões */
      .minimalist-btn {
       
        
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        transition: all 0.3s ease;
      }
      .e{
        background: linear-gradient(135deg,rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, #F3F838 100%);
      }
      
      .l{
        background: linear-gradient(135deg,rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgb(96,165,250) 100%);
      }
     
      .b{
        background: linear-gradient(135deg,rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, #9C9907 100%);
        z-index: 999;
      }
      .minimalist-btn:hover {
        background: rgba(255, 255, 255, 0.2);
        transform: translateY(-2px);
      }
      
      /* Animação do ícone de informação */
      @keyframes pulse {
        0% { transform: scale(1); opacity: 0.8; }
        50% { transform: scale(1.1); opacity: 1; }
        100% { transform: scale(1); opacity: 0.8; }
      }
      
      .info-icon {
        animation: pulse 2s infinite;
        font-size: 3rem;
        color: #60a5fa;
        margin-bottom: 1rem;
      }
      
      #closeModal:hover{
        border: 1px solid red;
        border-radius: 8px;
        padding: 4px;
      }
      
      .beto {
  color: #D7D557;
}